<template>
    <scroll-view style="height: 100%;" :scroll-into-view="intoIndex" scroll-y="true" scroll-with-animation @scroll="scroll">
        <view class="network">
            <view :id="'slot'+index" v-for="(item,index) in list " :key="index">
                <view class="item-title">
                    <view class="title">
                        <view class="txt">
                            {{ item.title }}
                        </view>
                    </view>
                    <ImgUpload :title="item.title" :fileList="fileList" @change="(val) => fileChange(val,'key')">
                    </ImgUpload>
                </view>
                <view class="child">
                    <textarea :maxlength="-1"  class="my-textarea"  placeholder="系统运行情况"></textarea>
                </view>

            </view>
        </view>
    </scroll-view>
</template>

<script>
export default {
    props:{
        intoIndex:{
            type:String,
            default:''
        },
        list:{
            type:Array,
            default:[]
        }
    },
    // 局部注册的组件
    components: {},
   
    data() {
        return {
            fileList:[],
            canUse:'0'
        }
    },
    // 计算属性
    computed: {},
    // 组件方法
    methods: {
        scroll(e){
           console.log(e.detail.scrollTop)
        },
        fileChange(val, key='') {
            this.fileList = val
        },
        canUseChange(val, key='') {
            this.canUse = val
        }

    },
}
</script> 

<style scoped lang="scss" src="./assets/index.scss"></style>
